<template>
    <el-container class="project-third-step-view">
        <el-main>
            <span>
                <h5>项目版本管理</h5>
                <el-button icon="el-icon-plus" @click="addProjectVersion">添加版本</el-button>
            </span>
            <h5 v-if="isNoVersionChange">暂无版本变动可以直接跳点击完成。</h5>
            <project-role-person :projectId="projectId"></project-role-person>
        </el-main>
        <el-footer>
            <el-button @click="toProjectView">完成</el-button>
            <el-button @click="back">返回</el-button>
        </el-footer>
    </el-container>
</template>
<script>

    import ProjectRolePerson from "../ProjectRolePerson";

    export default {
        name: 'ProjectThirdStep',
        components: {
            ProjectRolePerson,
            PageHeader: () => import("@/views/common/PageHeader.vue")
        },
        component: {
            ProjectRolePerson: () => import('@/views/project/ProjectRolePerson.vue')
        },
        data: function() {
            return {
                projectId: '',
            }
        },
        methods: {
            toProjectView: function() {
              this.$router.replace({name: "project"});
            },
            back: function() {
                this.$router.back();
            }
        }
    }
</script>
